
var guiguVue = new Vue({
	el:'#detailPage',
	data(){

		return {
			tabIndex:0,
			showDialog: false,

			course: [
				'英语零基础',
				'英语一年基础',
				'英语两年及以上基础'
			],

			activeData: {},

			courseList:[
				{
					title:'Wonders 启蒙班',
					cover:'images/detail/a_cover.jpg',
					object:'适合英语零基础的孩子',
					lv:'零基础英语启蒙',
					tm:'牛津自然拼读',
					mode:'2-4人拼班 老师上门授课',
					place:'拼班家长协商确定（建议在学员家中）',
					detail:[
						{
							text:'牛津拼读教材Oxford Phonics World被诸多教育专家封为市场上最值得推荐的孩子英语启蒙教材，原因是它的简单和实用性。',
							img:'images/detail/a_img1.jpg'
						},
						{
							text:'学完学会26个字母，掌握字母组合的发音规则，就可以彻底解决孩子学英语发音难、发不准音的问题。即从“字母发音→字母组合发音→单词→简单句子→整段句子”逐步学习。通过拼读、临摹和识别单词掌握词汇，并巩固发音。',
							img:'images/detail/a_img2.jpg'
						},
					],
					mubiao:'• 26字母的学习以及自然拼读<br>• 听说能力启蒙<br>• 培养基础阅读理解能力',
					keshi:'images/detail/a_keshi.png',
					neirong: {}
				},
				{
					title:'Wonders 基础班',
					cover:'images/detail/b_cover.jpg',
					object:'适合已有一年左右英语学习基础的孩子',
					lv:'美国CCSS GK、牛津树分级阅读Level 1-2、<br>国标新课标一级(国内一年级)',
					tm:'Wonders GK',
					mode:'2-4人拼班 老师上门授课',
					place:'拼班家长协商确定（建议在学员家中）',
					detail:[
						{
							text:'本课程采用美国加州教材Wonders GK。Wonders是目前唯一完全符合美国CCSS课标设计的系列教材，是政府为针对English Language Arts 所设立。',
							img:'images/detail/b_img1.jpg'
						},
						{
							text:'Wonders GK针对美国幼儿园大班学生设计，一共10个单元，基础班教授1至5单元。Wonders内容由浅至深，每个单元之间的内容线、技能线螺旋上升。教学内容从自然拼读、到词、篇章，再到阅读和写作技能的培养，整体具备非常完整的学习链条。',
							img:'images/detail/b_img2.jpg'
						},
					],
					mubiao:'• 夯实自然拼读体系<br>• 学习275个“新两会”（会读，会认知）生单词<br>• 能够用每单元学会的生词造句以及会话<br>• 掌握在特定语言场景流畅阅读的能力',
					keshi:'images/detail/b_keshi.png',
					neirong:{}
				},
				{
					title:'Wonders 进阶班',
					cover:'images/detail/b_cover.jpg',
					object:'适合已有两年及以上英语学习基础的孩子',
					lv:'美国CCSS GK、牛津树分级阅读Level 5-7、<br>国标新课标一级(国内二年级)',
					tm:'Wonders GK',
					mode:'2-4人拼班 老师上门授课',
					place:'拼班家长协商确定（建议在学员家中）',
					detail:[
						{
							text:'本课程采用美国加州教材Wonders GK。Wonders是目前唯一完全符合美国CCSS课标设计的系列教材，是政府为针对English Language Arts 所设立。',
							img:'images/detail/c_img1.jpg'
						},
						{
							text:'Wonders GK针对美国幼儿园大班学生设计，一共10个单元，进阶版教授5至10单元。Wonders内容由浅至深，每个单元之间的内容线、技能线螺旋上升的。教学内容从自然拼读、到词、篇章，再到阅读和写作技能的培养，整体具备非常完整的学习链条。',
							img:'images/detail/c_img2.jpg'
						},
					],
					mubiao:'• 夯实自然拼读体系<br>• 学习291个“新两会”（会读，会认知）生单词<br>• 提升对长难句的阅读和理解的流利程度<br>• 掌握复述每单元的故事内容的能力<br>• 能够用每单元学会的生词造句以及会话<br>• 掌握在特定语言场景流畅阅读的能力',
					keshi:'images/detail/c_keshi.png',
					neirong: {}
				}
			]

			
		}
	},
	methods:{
		getUrlData(dataName){
			function getUrlVars(){ 
        var vars = {}, hash; 
        var href = window.location.href.split('#')[0];
        var hashes = href.slice(href.indexOf('?')+1).split('&'); 
        for(var i = 0; i < hashes.length; i++) { 
            hash = hashes[i].split('=');
            vars[hash[0]] = hash[1]?hash[1]:'';
        } 
        return vars; 
			} 
			var params = getUrlVars(); 
			
			for(var key in params){
					if(key == dataName){ 
							return params[key];
					}
			};
			return false;
		},
		tabFn(e,index){
			this.tabIndex = index;
			this.activeData = this.courseList[index];
			this.getData(index);
		},
		getData(num){
			var self = this;
			if(num>2 || num<0){
				num = 0;
			}
			var getNum = parseInt(num)+1;
			$.ajax({
				url: 'https://api.svenglish.cn/api/product/course/'+getNum+'/unit',
				type: 'GET',
				success:function(data){
					console.log(data);
					if(data){
						self.courseList[num].neirong = data;
						self.activeData.neirong = data;
					}
					
				}
			});	
		},
    submitFn(){

			
		}
  },
  watch:{
    
  },
	mounted() {

		var tabIndex = this.getUrlData('tabIndex') ? parseInt(this.getUrlData('tabIndex')) : 0;
		if(tabIndex>2 || tabIndex<0 || !/(^-?[0-9]\d*$)/.test(tabIndex)){
			tabIndex = 0;
		}
		this.tabIndex = tabIndex;
		this.activeData = this.courseList[tabIndex];

		this.getData(tabIndex);

		
		
		this.$nextTick(function(){
			
			


		})
	}
});



